<?php
  include('includes/outputCoordinates.php');
?>
<script type="text/javascript">
function createMarker(map,coordinates)
{
  for (var i = 0; i < coordinates.length;++i)
  {
    var myLatlng = new google.maps.LatLng(coordinates[i]['coordinateX'],coordinates[i]['coordinateY']);
    var marker = new google.maps.Marker(
        {
          position: myLatlng,
          map: map,
          title: coordinates[i]['shotName'] + '\n' + coordinates[i]['adress'] + '\n' + coordinates[i]['contact'],
          icon: 'images/ic_launcher_32x32.png'
        });
  }
}

function initialize()
{
  var myLatlng = new google.maps.LatLng(59.8833,30.2167);
  var mapOptions =
      {
        center: myLatlng,
        zoom: 9,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
  var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
  createMarker(map,<?php print( json_encode($array) );?>);
}
</script>
  <div class="mainText" style="padding-top: 20px;margin-top: -20px;height: 240px;width: 500px;" id="block_2">
    <a name="decision" id="decision"></a>
    <p>Да, выход есть ! Это мобильный официант - eWaiter, он позволит Вам избавиться от указанных выше недостатков общения с официантом.
    eWaiter работает на платформе Android начиная с версии 3.0
    Начать работу с электронным официантом eWaiter просто - для начала установите его. Полную инструкцию по использованию Вы можете найти здесь.</p> 
    <p>Приложение eWaiter Вы можете скачать из Google Play Market:</p>
    <div style="text-align: center;"><img src="images/play_logo.png" style="width: 200px;" /></div>
  </div>
  <a name="where" id="where"></a>
  <div class="mainText" id="block_3" style="margin-top: 20px;">
    <p>Где доступен сервис eWaiter ? Вы можете ознакомиться с этим используя карту:</p>
    <div style="height: 440px;width: 750px;border: 1px solid #584949;" id="map_canvas"></div>
  </div>